
  <!-- <h1>MBTI职业性格测试</h1>
  <p>MBTI测试前须知<br>
1、参加测试的人员请务必诚实、独立地回答问题，只有如此，才能得到有效的结果。<br> 
2、《性格分析报告》展示的是你的性格倾向，而不是你的知识、技能、经验。 <br>
3、MBTI提供的性格类型描述仅供测试者确定自己的性格类型之用，性格类型没有好坏，只有不同。每一种性格特征都有其价值和优点，也有缺点和需要注意的地方。清楚地了解自己的性格优劣势，有利于更好地发挥自己的特长，而尽可能的在为人处事中避免自己性格中的劣势，更好地和他人相处，更好地作重要的决策。<br> 
4、本测试分为四部分，共93题；需时约18分钟。所有题目没有对错之分，请根据自己的实际情况选择。将你选择的A或B所在的 ○涂黑，例如：●<br>
只要你是认真、真实地填写了测试问卷，那么通常情况下你都能得到一个确实和你的性格相匹配的类型。希望你能从中或多或少地获得一些有益的信息。<br>
</p> -->
<template>
  <div class="common-layout">
    <el-container style="height:100%" direction="vertical">
      <el-header>MBTI职业性格测试</el-header>
      <el-main>1、参加测试的人员请务必诚实、独立地回答问题，只有如此，才能得到有效的结果。 </el-main>
      <el-main>2、《性格分析报告》展示的是你的性格倾向，而不是你的知识、技能、经验。</el-main>
      <el-main>3、MBTI提供的性格类型描述仅供测试者确定自己的性格类型之用，性格类型没有好坏， </el-main>
      <el-main>只有不同。每一种性格特征都有其价值和优点，也有缺点和需要注意的地方。清楚地了解自己的性格优劣势，</el-main>
      <el-main>有利于更好地发挥自己的特长，而尽可能的在为人处事中避免自己性格中的劣势，更好地和他人相处，更好地作重要的决策。</el-main>
      <el-main>4、本测试分为四部分，共93题；需时约18分钟。所有题目没有对错之分，请根据自己的实际情况选择。将你选择的A或B所在的 ○涂黑，例如：●</el-main>
      <el-main>只要你是认真、真实地填写了测试问卷，那么通常情况下你都能得到一个确实和你的性格相匹配的类型。希望你能从中或多或少地获得一些有益的信息。 </el-main>
      <el-main>
          <el-button type="primary" round @click="go" size = "large">开始答题</el-button>
      </el-main>
    </el-container>
  </div>
</template>

<script>
import router from '../router/index.js'
import { useRoute } from 'vue-router'
export default {
  setup() {
    const route = useRoute()
    return { route }
  },
  methods: {
    go() {
      if (this.route.path === '/question') {
        router.push('/test')
      } else {
        router.push('/test')
      }
    },
  },
}
</script>
<style>
  .common-layout{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 65%;
  }
  .el-container{
    height: 10%; padding: 0px;margin: 0px;width: 100%;top: 0;left: 0;
  }
  .el-header{
     background-color: #c0dbf3; color: rgb(000, 00, 00); text-align: center; line-height: 50px;
  }
  .el-main{

    color: rgb(000, 0, 0);text-align: center;;
  }
  .el-button{
    color:#d09a10;
  }
</style>